<script lang="ts" setup>
defineProps<{
    title: string
    isEnd?: boolean
}>()
</script>

<template>
    <view between w-full min-h-100 px-5 box-border relative hover-class="navigator-hover">
        <text>{{ title }}</text>
        <view center>
            <view mr-2 text="24 #aaaaaa">
                <slot name="extra"/>
            </view>
            <slot>
                <image src="@/static/images/icons/common/arrow_right.svg" w-14rpx h-24rpx/>
            </slot>
        </view>
        <view v-if="!isEnd" absolute h-1 bg="#d7d7d7" bottom-0 left-40 op-40 style="width: calc(100vw - 80rpx)"/>
    </view>
</template>
